<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>窗口</title>
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
  $(function () {
    $("#window").window({
      width : 600,
      height : 400,
      //是否将窗体显示为模式化窗口，默认值为true
      //modal: false,
      iconCls : 'icon-man',
      //是否在窗口边缘显示阴影，默认值为true
      //shadow: false,
      //窗口的在垂直方向（z轴）的坐标，默认值为9000
      //zIndex: 0,
      //当前窗口是否可以关闭，默认值为true
      //closable: false,
      //是否是行内元素，默认值为false。如果为true，则当前窗口将显示在它的父容器中，而非显示在所有元素的上方
      //inline: true,
      onClose : function () {
        console.log("关闭窗口");
      }
    })
  })
</script>
</head>
<body>
  <div class="easyui-window" title="窗口" style="width: 600px; height: 400px"
    data-options="iconCls: 'icon-ok', modal: true">窗口</div>
  <div id="window"></div>
</body>
</html>